<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>搜索页面</title>
  <link rel="stylesheet" href="./assets/mui/css/mui.css">
  <link rel="stylesheet" href="./assets/fontAwesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/searchList.css">
</head>

<body>
  <!-- 头部栏 -->
  <header class="lt-header">
    <h4 class="lt-title">
      <a class="lt-h-left" href="javascript:history.back();">
        <span class="fa fa-arrow-left"></span>
      </a>
      搜索中心
    </h4>
  </header>

  <!-- 主体内容部分 -->
  <div class="lt-container">

    <!--下拉刷新容器-->
    <div id="refreshContainer" class="mui-content mui-scroll-wrapper">
      <div class="mui-scroll">
        <!--数据列表-->
        <!-- 搜索的表单 -->
        <div class="search-form">
          <form action="" class="mui-clearfix">
            <input type="text" class="serText">
            <button type="button" class="serBtn">搜索</button>
          </form>
        </div>

        <!-- 分类筛选栏 -->
        <div class="ser-filter mui-clearfix">
          <a data-sortname="" href="javascript:;">
            上架时间
            <span class="fa fa-angle-down"></span>
          </a>
          <a data-sortname="num" href="javascript:;">
            价格
            <span class="fa fa-angle-down"></span>
          </a>
          <a data-sortname="price" href="javascript:;">
            销量
            <span class="fa fa-angle-down"></span>
          </a>
          <a data-sortname="" href="javascript:;">
            折扣
            <span class="fa fa-angle-down"></span>
          </a>
        </div>

        <div class="lt-goods">
          <!-- 运动产品内容 -->
          <ul class="mui-clearfix lt-goods-ul" id="lt-goods-ul">
            <!-- <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/product.jpg" alt="">
                <p class="pro-name">adidas阿迪达斯 男式 场下休闲篮球鞋S83700 </p>
                <p class="price">
                  <span class="new-price">¥560.00</span>
                  <span class="old-price">¥888.00</span>
                </p>
                <button class="pro-buy">立即购买</button>
              </a>
            </li> -->
          </ul>
        </div>
      </div>
    </div>

  </div>

  <!-- 底部栏 -->
  <footer class="lt-footer mui-clearfix">
    <a href="/mobile/index.html">
      <span class="mui-icon mui-icon-home"></span>
      <p>首页</p>
    </a>
    <a href="/mobile/category.html">
      <span class="mui-icon mui-icon-bars"></span>
      <p>分类</p>
    </a>
    <a href="/mobile/cart.html">
      <span class="fa fa-shopping-cart"></span>
      <p>购物车</p>
    </a>
    <a href="/mobile/user/index.html">
      <span class="fa fa-user"></span>
      <p>会员中心</p>
    </a>
  </footer>

  <script type="text/html" id="goodsTpl">
    {{each data as item16}}
    <li>
      <a href="javascript:;" data-id={{item16.id}}>
        <img src="{{item16.pic[0].picAddr}}" alt="">
        <p class="pro-sale">{{item16.num}}</p>
        <p class="pro-name">{{item16.proName}}</p>
        <p class="price">
          <span class="new-price">¥{{item16.price}}</span>
          <span class="old-price">¥{{item16.oldPrice}}</span>
        </p>
        <button class="pro-buy">立即购买</button>
      </a>
    </li>
    {{/each}}
  </script>

</body>
<script src="./assets/mui/js/mui.js"></script>
<script src="./assets/zepto/zepto.min.js"></script>
<!--  template.native.js 常规的语法  -->
<!--  template.js 精简的语法  -->
<script src="./assets/artTemplate/template.js"></script>
<script src="./js/common.js"></script>
<script src="./js/searchList.js"></script>

</html>